<%--
    Document   : Cargar Articulo
    Created on : Nov 18, 2012, 8:35:12 PM
    Author     : Eduardo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta charset="UTF-8">
            <title>Reciclado</title>
            <link media="screen" type="text/css" href="../css/standalone.css" rel="stylesheet"/>
            <link media="screen" type="text/css" href="../css/tabs.css" rel="stylesheet"/>
            <link media="screen" type="text/css" href="../css/tabs-panes.css" rel="stylesheet"/>
            <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
            <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
            <script src="http://malsup.github.com/jquery.form.js"></script>
            <script type="text/javascript" src="../javascript/script.js"></script>

            <script type="text/javascript"
                    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDniHj5D2Oiz4gVxpM5xh5_9ANUkjl2Tws&sensor=true">
            </script>

            <script>
                // perform JavaScript after the document is scriptable.
                $(function(){
                    // setup ul.tabs to work as tabs for each div directly under div.panes
                    $("#panes").tabs();
                });
            </script>
    </head>
    <body>
        <header>
            <h1 style="text-align: right;">Cargar Archivo, (NOMBRE_USUARIO)</h1>
        </header>

        <div id="panes" class="panes">
            
            <div id="tabs-1" class="tab" style="display: block; height: 100%">
                <fieldset class="step">
                    <legend>Cargar Archivo</legend>
                    <div class="container">
                        <span id="tituloArticulo" name="tituloArticulo">Archivo</span>
                       <input type="File" />
                        <script>
						function LoadFile(theFile){
						fileName = theFile.value;
						document.getElementById('theDiv').innerHTML += '<a href="' + fileName + '">' + fileName.substr(fileName.lastIndexOf("")) + '</a><br>';
						theFile.parentNode.innerHTML = '<input type="file" name="image1" size="50" onChange="LoadFile(this);">';
						}
						</script>
                    </div>
                    
                </fieldset>
            </div>
            <div id="tabs-2" class="tab" style="display: none;">
                Second tab content
            </div>
        </div>
    </body>
</html>